import React from 'react';
import randomcolor from 'randomcolor';
import './3.css';

export default class ChangeBg extends React.Component{
  //1. 声明状态属性
  state = {
    bg: '#000'
  }

  render(){
    // 2. 使用状态控制页面最终的显示
    return <div onClick={() => {
      //3. 更新状态
      this.setState({
        bg: randomcolor()
      })
    }} style={{background: this.state.bg}} className='text'>我有故人抱剑去，斩尽春风未曾归</div>
  }
 
}